{% extends "./inc/inc_baseNew.html" %} {% block content %}

<style>
  .register {
    background-color: white;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .register .row {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .row>span.col-2 {
    text-align: right;
  }
  .row>span.col-2:before {
    content: '*';
    font-weight: 700;
    color: #f00;
    margin-right: 5px;
  }
  a {
    color: #3a83e8;
  }
  h2.col {
    padding-left: 0;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
  }
</style>
<!-- /PAGE HEADER -->

<!-- -->
<section>
  <div class="container">

    <div class="row justify-content-center text-center">

      <!-- LOGIN -->

      <div class="col-8 register">
        <form action="/center/public/changepassword" method="POST" class="form-register" data-validate="parsley">
          <div class="row justify-content-center">
            <h2 class="col">
              修改密码
            </h2>
          </div>
          <div class="row justify-content-center">
            <span class="col-2">
              手机号码:
            </span>
            <div class="col-6">
              <input type="text" name="username" class="form-control  col" placeholder="请输入手机号码" required>
            </div>
          </div>
          <div class="row justify-content-center">
            <span class="col-2">
              设置密码:
            </span>
            <div class="col-6">
              <input type="password" name="password" class="form-control  col" placeholder="请输入新密码" required>
            </div>
          </div>
          <div class="row justify-content-center">
              <span class="col-2">
                确认密码:
              </span>
              <div class="col-6">
                <input type="password" name="repassword" class="form-control  col" placeholder="请再次输入新密码" required>
              </div>
          </div>
          <div class="row justify-content-center">
              <span class="col-2">
                短信验证码:
              </span>
              <div class="col-3">
                <input type="text" name="sysnumber" class="form-control " placeholder="请输入短信验证码" required>
              </div>
              <div class="col-3">
                <button class="btn btn-primary col" onclick="sendSMS(event,this,'username')">获取验证码</button>
              </div>
            </div>
          <div class="row justify-content-center">
            <div class="col-2"></div>
            <div class="col-6">
              <button type="submit" target-form="form-register" class="btn btn-primary col ajax-post">修改密码</button>
            </div>
          </div>
          {%if config.setup.USER_ALLOW_REGISTER ==1%}
          {%if HOOK@smsRegistration %}
          {{HOOK@smsRegistration|safe}}
          {%else%}
          <!-- register form 普通注册-->
          {{HOOK@smsRegistration|safe}}

          {%endif%}
          <!-- /register form -->
          {%else%}
          <div class="alert alert-warning margin-bottom-30">
            <!-- WARNING -->
            <strong>提示!</strong> 注册功能已关闭,不允许新用户注册！
          </div>

          {%endif%}

        </form>
      </div>
      <!-- /LOGIN -->

    </div>


  </div>
</section>
<!-- / -->
<!-- MODAL -->
<div class="modal fade" id="termsModal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
          &times;
        </button>
        <h4 class="modal-title" id="myModal">网站服务 &amp; 条款</h4>
      </div>

      <div class="modal-body modal-short">
        <h4><b>网站服务条款</b></h4>
        <p>内容。。。</p>
      </div>

      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="terms-disagree" data-dismiss="modal">不同意</button>
        <button type="button" class="btn btn-primary" id="terms-agree"><i class="fa fa-check"></i> 我同意</button>

        <!--<a href="#" target="_blank" rel="nofollow" class="btn btn-danger pull-left"><i class="fa fa-print"></i><span class="hidden-xs"> Print</span></a>-->
      </div>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>
<!-- /MODAL -->
{% endblock %}
{% block script %}
<!-- PAGE LEVEL SCRIPTS -->
<script type="text/javascript">
</script>
{% endblock %}